<template>
	<view >
		<NavBar text='个人信息' />
		<view style="width: 100%; height: 95rpx;"></view>
		<view style="background-color: #fff;margin: 10px;">
			<view style="margin-left: 10px;margin-right: 5px;">

				<view
					style="display: flex;justify-content: space-between;margin-left: 10px;height: 60px;text-align: center;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view
						style="width: 78px;height: 21px;font-size: 16px;display: flex;justify-content: space-between;margin-left: 5px;">
						<span>头</span>
						<span>像</span>
					</view>

					<view style="display: flex;justify-content: center;margin-top: 10px;">
						<image src="@/static/images/u108.png" style="width: 120rpx;height: 100rpx;" mode=""></image>
						<u-icon name="arrow-right" color="#d6d6d9" size="28"></u-icon>
					</view>
				</view>
				<view style="margin-left: 10px;height: 60px;
				display: flex;justify-content: space-between;
				text-align: center;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span style="color: red;">*</span>
						<span>真实姓名</span>
					</view>
					<view style="color: #ccc;margin-right: 10px;">
						<span>于海</span>
					</view>
				</view>
				<view style="margin-left: 10px;height: 60px;
				display: flex;justify-content: space-between; 
				text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span>性别</span>
					</view>
					<view style="width: 78px;height: 21px;font-size: 16px;margin-right: 10px;color: #ccc;">
						<span>男</span>
					</view>
					<!-- <view style="line-height: 60px;margin-top: 15px;margin-right: 10px;color: #ccc;">
							<span>男</span>
						</view> -->
				</view>
				<view
					style="margin-left: 10px;height: 60px;text-align: center;display: flex;justify-content: space-between; line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span style="color: red;">*</span>
						<span>联系方式</span>
					</view>
					<view style="width: 60px;height: 21px;font-size: 16px;margin-right: 50px;color: #ccc;">
						<!-- <span style="color: red;">*</span> -->
						<span>18794561256</span>
					</view>

				</view>
				<view
					style="margin-left: 10px;height: 60px;text-align: center;display: flex;justify-content: space-between; line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 10px;">
						<!-- <span style="color: red;">*</span> -->
						<span>身份证号</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;">
						<!-- <span style="color: red;">*</span> -->
						<span>142316198705251623</span>
					</view>

				</view>

				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span>所属团队</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<!-- <u-icon name="arrow-right" color="#d6d6d9" size="28"></u-icon> -->
						<span>南大街社区卫生服务团队</span>
					</view>
				</view>
				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span>执业级别</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<!-- <u-icon name="arrow-right" color="#d6d6d9" size="28"></u-icon> -->
						<span></span>
					</view>
				</view>
				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span>执业类型</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<!-- <u-icon name="arrow-right" color="#d6d6d9" size="28"></u-icon> -->
						<span></span>
					</view>
				</view>
				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span style="color: red;">*</span>
						<span>执业范围</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<span>山西阳泉</span>
					</view>
				</view>
				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span style="color: red;">*</span>
						<span>执业机构</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<span>南大街社区卫生服务站</span>
					</view>
				</view>
				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span>职称</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<span>医师</span>
					</view>
				</view>
				<view
					style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

					<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
						<span>毕业院校</span>
					</view>
					<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
						<span>山西省医科大学</span>
				</view>
			</view>
			<view
				style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

				<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
					<span>邮箱地址</span>
				</view>
				<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
					<span></span>
				</view>
			</view>
			<view
				style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

				<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
					<span>机构地址</span>
				</view>
				<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
					<span>获取具体值</span>
				</view>
			</view>
			<view
				style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

				<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
					<span>执业证书</span>
				</view>
				<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
					<span>获取具体值</span>
				</view>
			</view>

			<view
				style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px; border-bottom: 1px solid #d7d7d7;">

				<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
					<span>资格证书</span>
				</view>
				<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px;">
					<span>获取具体值</span>
				</view>
			</view>

			<view
				style="margin-left: 10px;height: 60px;display: flex;justify-content: space-between; text-align: right;line-height: 60px;">

				<view style="width: 78px;height: 21px;font-size: 16px;margin-left: 5px;">
					<span>简介</span>
				</view>
				<view style="height: 21px;font-size: 16px;margin-right: 5px;color: #ccc;font-size: 14px; display: flex;">
					<span>获取具体值</span>
					<u-icon name="arrow-right" color="#d6d6d9" size="28" style="margin-top: 30px;"></u-icon>
				</view>
			</view>
		</view>
	</view>
	
	</view>

</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data() {
			return {
				countdown: 0,
				radio1: 0,
				sex: [{
					text: '男',
					value: 0
				}, {
					text: '女',
					value: 1
				}],
				showPassword: true,
			}
		},
		computed: {
			buttonTitle() {
				if (this.countdown > 0) {
					return this.countdown + "秒后重试";
				} else {
					return "获取验证码";
				}
			}
		},
		methods: {
			startCountdown() {
				if (this.countdown > 0) {
					return;
				}
				this.countdown = 60;
				let intervalId = setInterval(() => {
					this.countdown--;
					if (this.countdown === 0) {
						clearInterval(intervalId);
					}
				}, 1000);
				// TODO: 发送验证码的代码
			},
			changePassword: function() {
				this.showPassword = !this.showPassword

			},
			back(){
				uni.navigateBack({ delta: 2 })
			}
		}
	}
</script>

<style scoped lang="scss">

</style>